<div class="innerbanner">
    <img src="/static/picture/con_banner.jpg" alt="">
    <div class="text icenter3">
        <h3 aos="fade-up">Production FACTORY</h3>
        <h4 aos="fade-up">生产保障</h4>
    </div>
</div>

<script>
    $(window).scroll(function () {
        scroll = $(document).scrollTop();
        bai = 1 + scroll / $(document).height()
        $(".innerbanner img").css("transform", "scale(" + bai + ")")
    })
</script>

<div class="imgshowmask">
    <div class="imgshow" id="imgshow">
        <p><img src="" id="bigimg"> </p>
    </div>
</div>

<script>
    $(function () {
        $(".factory_box .box .f-img").click(function () {
            var src = $(this).find("img").attr("src");
            console.log(src);
            $("#bigimg").attr("src", src);
            $(".imgshowmask").fadeIn();
        });
        $(".iso_box .box .f-img").click(function () {
            console.log($(this));
            var src = $(this).find("img").attr("src");
            $("#bigimg").attr("src", src);
            $(".imgshowmask").fadeIn();
        });
        $(document).mousedown(function (e) {
            if ($(e.target).parent(".imghowmask").length == 0) {
                $(".imgshowmask").fadeOut(); //点击关闭按钮关闭暂停视频
            }
        })
    })
</script>

<style>
    .col-md-5 {
        width: 50%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    .col-md-4 {
        width: 33%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    .col-md-3 {
        width: 25%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    @media screen and (max-width: 992px) {
        .col-md-5 {
            width: 100%;
        }

        .col-md-4 {
            width: 50%;
        }

        .col-md-3 {
            width: 33%;
        }
    }

    @media screen and (max-width: 768px) {
        .col-md-4 {
            width: 90%;
        }

        .col-md-3 {
            width: 47%;
        }
    }

    .f-img img {
        width: 90%;
        margin: auto;
    }

    .factory_box {
        position: relative;
        padding: 80px 0;
        overflow: hidden;
        background-color: #f5f5f5;
    }

    .iso_box .system div {
        text-align: center;
    }

    .iso_box h2 {
        color: #333;
        padding: 20px 0;
        font-size: 26px;
    }

    .iso_box p {
        color: #333;
        padding: 20px;
        font-size: 16px;
    }

    .factory_box h5,
    .iso_box h5 {
        color: #525252;
        padding: 40px 0px;
        font-size: 18px;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
        overflow: hidden;
    }

    .box {
        position: relative;
        padding: 20px 0;
        overflow: hidden;
    }
</style>

<div class="fx">
    <div class="com_nav">
        <div class="icenter3" aos="fade-up">
            <div class="le">
                Production Factory
            </div>
            <div class="ri">
                <a href="/about.html">Company Profile</a>
                <a href="/development.html">R&D Capability</a>
                <a href="/honor.html">Company Credential</a>
                <a class="active">Production Factory</a>
            </div>
        </div>
    </div>
    <!-- 生产及保障 -->

    <div class="factory_box" aos="fade-up">
        <div class="icenter2">
            <h3 class="solu_h3">Factory</h3>
            <h5>Beijing Suryee Science&Technology Co., Ltd. is currently located in the production base of Yingtan,
                Jiangxi, covering an area of over 20000 square meters. The total construction area of the factory is
                14000 square meters, with a total of 7 workshops and a technology research and development center.</h5>
            <div class="box">
                <div class="col-md-3">
                    <div class="f-img"><img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/factory_01.jpg"></div>
                    <p>Factory</p>
                </div>
                <div class="col-md-3">
                    <div class="f-img"><img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/factory_02.jpg"></div>
                    <p>workshop</p>
                </div>
                <div class="col-md-3">
                    <div class="f-img"><img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/factory_03.jpg"></div>
                    <p>office</p>
                </div>
                <div class="col-md-3">
                    <div class="f-img"><img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/factory_04.jpg"></div>
                    <p>R&D center</p>
                </div>
                <div class="col-md-3">
                    <div class="f-img"><img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/factory_05.jpg"></div>
                    <p>R&D equipment</p>
                </div>
                <div class="col-md-3">
                    <div class="f-img"><img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/factory_06.jpg"></div>
                    <p>Welding wire production line</p>
                </div>
                <div class="col-md-3">
                    <div class="f-img"><img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/factory_07.jpg"></div>
                    <p>Wear resistant plate production line</p>
                </div>
                <div class="col-md-3">
                    <div class="f-img"><img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/factory_08.jpg"></div>
                    <p>Powder production line</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 生产及保障结束 -->

    <!-- 体系保障 -->
    <div class="iso_box" id="iso">
        <div class="icenter2">
            <h3 class="solu_h3">Quality system(ISO)</h3>
            <h5>The company has passed the ISO9001 quality management system and established a quality control center
                responsible for the entire production process. There are positions for raw material inspection, process
                inspection, and finished product inspection, with a total of 4 full-time inspectors. The company uses
                the enterprise ERP management system to establish a comprehensive product quality control process and
                traceability control process, ensuring the controllability and traceability of the entire process from
                raw material entry, semi-finished product circulation to finished product delivery.</h5>
            <div class="certification box">
                <!-- <h2>质量体系认证</h2> -->
                <div class="row">
                    <div class="col-md-4 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/storage/20231213/8f8983bf2d804b2e610fa5809e4f93ba.jpg" class="lazyload"
                            alt="">
                    </div>
                    <div class="col-md-4 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/storage/20231213/d7c83f8b129d6886c9ff6d331b188b98.jpg" class="lazyload"
                            alt="">
                    </div>
                    <div class="col-md-4 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/storage/20231213/64a7e509881dae8400af87a97cc8f4ca.jpg" class="lazyload"
                            alt="">
                    </div>
                    <div class="col-md-4 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/storage/20231213/05599276fc3ec6c4b18f97a25dee8838.jpg" class="lazyload"
                            alt="">
                    </div>
                    <div class="col-md-4 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/storage/20231213/c68a4c7cf036a347b24c0061b3134778.jpg" class="lazyload"
                            alt="">
                    </div>
                    <div class="col-md-4 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/storage/20231213/16c74d8720afab376ebf4d466bab0d3a.jpg" class="lazyload"
                            alt="">
                    </div>
                </div>
            </div>
            <div class="device box">
                <h2>Detection equipment</h2>
                <p>Hardness testing: Desktop hardness tester, Vickers hardness tester, handheld ultrasonic hardness tester, handheld ordinary hardness tester;</p>
                <div class="row">
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_01.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_02.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_03.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_04.jpg" class="lazyload" alt="">
                    </div>
                </div>
                <p>Spectral analysis: handheld spectrometer, ordinary desktop spectrometer, C/S analysis, ONH analysis, ICP spectrometer;</p>
                <div class="row">
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_05.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_06.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_07.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_08.jpg" class="lazyload" alt="">
                    </div>
                </div>
                <p>Powder testing: Powder particle size analyzer;</p>
                <div class="row">
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_09.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_10.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_11.jpg" class="lazyload" alt="">
                    </div>
                    <div class="col-md-3 f-img">
                        <img src="/static/images/loading.png" class="lazyload"
                            data-original="/static/picture/iso_device_12.jpg" class="lazyload" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/static/js/lazyload.js"></script>
<script>
    $(document).ready(function () {
        // 图片懒加载
        jQuery("img.lazyload").lazyload();
    });
</script>